<template>
  <div class="not-found">
    <img src="@/assets/images/404.png" alt="" width="200px" />
    <h3 class="msg">{{error.statusCode}}</h3>
    <h3 class="msg">{{error.message}}</h3>
  </div>
</template>
<script>
export default {
  props: ['error'],
  data() {
    return {}
  },
  mounted() {
    console.log(this.error);
  },
}
</script>
<style scoped lang="scss">
.not-found {
  background: #fff;
  height: 100%;
  padding: 50px 0 200px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .msg,
  .seconds {
    text-align: center;
    margin-top: 20px;
  }
}
</style>
